<!--
 * @Author: 杨果 1428758616@qq.com
 * @Date: 2024-03-24 18:08:59
 * @LastEditors: 杨果 1428758616@qq.com
 * @LastEditTime: 2024-05-04 02:59:52
 * @FilePath: \xiaoyangsu\src\components\HelloWorld\HelloWorld.vue
 * @Description: 网站首页
-->
<template>
  <div class="hello-container">
    <div v-for="(item, index) in moduleList" :key="index" :style="item.style">
      <component
        v-for="(componentDef, index) in item.components"
        :is="componentDef.name"
        :key="index"
      ></component>
    </div>
  </div>
</template>

<script>
import moduleList from "./HelloWorld";
import HeaderNav from "../../components/HeaderNav/HeaderNav.vue";
import FooterNav from "../../components/FooterNav/FooterNav.vue";
import LeftInfo from "../../components/LeftInfo/LeftInfo.vue";
import MainBox from "../../components/MainBox/MainBox.vue";

export default {
  name: "HelloWorld",
  props: {},
  components: { HeaderNav, FooterNav, LeftInfo, MainBox },
  data() {
    return {
      moduleList,
    };
  },
  computed: {},
  watch: {},
  created() {},
  methods: {},
};
</script>


<style scoped lang="less">
.hello-container {
  position: relative;
  width: 100%;
  height: 100%;
}
</style>